<!--
 * @Author: y001554
 * @Date: 2023-01-16 20:11:08
 * @LastEditors: y001554
 * @LastEditTime: 2023-06-12 15:00:11
 * @FilePath: \ylwl\src\demos\utils.vue
 * @Description: 
 * 
 * Copyright (c) 2023 by FE/ylwl, All Rights Reserved. 
-->

<template>
  <div style="width: 600px; background: #f1f1f1; padding: 0 10px">
    <div>utils 测试</div>
    {{ dd }}
    <img :src="url" alt="" />
  </div>
</template>
<script setup lang="ts">
import { ref, reactive, Ref, h, getCurrentInstance } from 'vue'
import { ElTag } from 'element-plus'
import Utils from '@@/utils/index'

const internalInstance = getCurrentInstance()
const cos: any = internalInstance?.appContext.config.globalProperties.$cos
console.log('cosccc', cos)
defineOptions({
  name: 'Demo1'
})

const de = 'sd342v'
// alert(Utils.validate.passwordV1(de))
const res: string = Utils.tools.hideCharacter('1292404844@qq.com', 'email')

const dd = ref(res)
interface FormType {
  citys: string | number | Array<any>
}

const urls: string[] = await cos.getObjectUrl({}, [
  'YlAccount/Dev/icon/f588c219-36fc-4f1e-b259-017eb24af677.png'
])

console.log('url', urls[0])
const url = ref(urls[0])
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
</script>
<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
